<!DOCTYPE html>
<html>
<head>
<style>
.block1 {
    border: 1px solid black;
    width:15%;
    background-color: green;
}
.block2 {
    border: 1px solid black;
    width:50%;
    background-color: blue;
}
.block3 {
    border: 1px solid black;
    width:15%;
    background-color: green;
}
</style>
</head>
<body>
<!-- bug 34758: TD width in percentage doesn't work. -->
<!-- The 2 green rectangles should have the same width. -->
<table id="table" width="50%" height="100%">
    <tr>
        <td colspan="3" style="border: 1px solid black" height="150">
            <table width="600" height="100%"><tr><td></td></tr></table>
        </td>
    </tr>
    <tr valign="top" style="height: 100px">
        <td class="block1"></td>
        <td class="block2"></td>
        <td class="block3"><table style="width: 100%"></table></td>
    </tr>
</table>
</body>
</html>
